<template>
  <div class="userVerufy-box">
    <Head :title= "title"></Head>
    <div class="userVerify-center">
      <p>
        <label>姓</label>
        <span>zjan</span>
      </p>
      <p>
        <label>名</label>
        <span>dsds</span>
      </p>
      <p>
        <label>中文姓名</label>
        <span>张海洋</span>
      </p>
      <p>
        <label>电子邮箱</label>
        <span>1215455@sina.com</span>
      </p>
      <p>
        <label>联系电话</label>
        <span>187878755</span>
      </p>
      <p class="userInfo-city">
        <label>国家</label>
        <span>中国-北京-海淀</span>
      </p>
      <p>
        <label>地址</label>
        <span>东四北街27号翡翠城8号楼2单元101室</span>
      </p>
      <p>
        <label>邮编</label>
        <span>100000</span>
      </p>
      <p>
        <label>证件类型</label>
        <span>身份证</span>
      </p>
      <p>
        <label>证件号码</label>
        <span>11011119940412602x</span>
      </p>
      <div class="uploadImg">
        <img src="../../assets/images/idCard-positive.png" alt="">
        <img src="../../assets/images/idCard-otherSide.png" alt="">
      </div>
      <div class="userVerify-Rule" :class='{userVerifyChecked:checked}'>
        <span @click="checked=!checked">我已阅读并同意</span><router-link :to="{path: '/userInfo', query: {native: 0}}" tag="span">《躺盈跟投者协议书和免责声明》</router-link>
      </div>
    </div>
    <div class="withdraw-btn">
      <p>下一步</p>
    </div>
  </div>
</template>

<script>
  import { Ajax } from "@/mixins";
  import Head from '../../components/header/head.vue'

  export default {
     mixins: [Ajax],
    components: {
      Head
    },
    data() {
      return {
        title: '确认个人信息',
        checked:false,
      };
    },
    methods: {

    }
  };
</script>

<style scoped>
@import "../../style/withdrawInput.css";
.userVerify-center{
  padding:.8rem 0 1.8rem;
}
.userVerify-center > p{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height:1.4rem;
  padding:0 .53rem;
}
.userVerify-center > p label{
  font-size: .48rem;
  color: #666;
}
.userVerify-center > p span{
  width:8.91rem;
  font-size:.48rem;
  color: #333;
}
.userVerify-Rule{
  background: url('../../assets/images/icon-uncheck.png') no-repeat .6rem center/.42rem .42rem;
  padding:0 .53rem 0 1.2rem;
  font-size:.42rem;
  margin-top:.3rem;
  height:1.4rem;
  line-height: 1.4rem;
}
.userVerifyChecked{
  background-image: url('../../assets/images/icon-check.png');
}
.userVerify-Rule span:nth-child(2){
  color: #8e79c0;
}
</style>
